﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LoanVariation.aspx.cs" Inherits="CRMWeb.Pages.AM.LoanVariation" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link rel="stylesheet" id="newtheme" type="text/css" href="/EasyUI/Themes/metro-red/easyui.css" />
    <link rel="stylesheet" type="text/css" href="/EasyUI/Themes/icon.css" />
    <link rel="stylesheet" type="text/css" href="/Css/CrmStyle.css" />
    <script type="text/javascript" src="/Scripts/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/EasyUI/jquery.easyui.min.js"></script>
    <style type="text/css">
        .same_width {
            width: 45%;
            float: left;
            height: 300px;
            margin-top: 5px;
            margin-left: 2%;
        }
    </style>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div class="easyui-panel" style="width: 900px; height: 400px" id="pnlMain" title="Laon Variation">
            <div class="form_field">
                <div class="same_width">
                    <div class="ftitle" style="width: 250px">
                        GENERAL
                    </div>
                    <div class="fitem">
                        <input id="rdbBankAcc" type="radio" name="general" />
                        <strong>Change of Bank Account</strong>
                    </div>
                    <div class="fitem">
                        <input id="rdbPaymentMethod" type="radio" name="general" />
                        <strong>Change Payment Method</strong>
                    </div>
                    <div class="fitem">
                        <input id="rdbChangeAllpayments" type="radio" name="general" />
                        <strong>Change All Payments</strong>
                    </div>
                    <div class="fitem">
                        <input id="rdbChangeSinglePayment" type="radio" name="general" />
                        <strong>Change Single Payment</strong>
                    </div>

                    <div class="ftitle" style="width: 250px">
                        OTHER
                    </div>
                    <div class="fitem">
                        <input id="rdbHardship" type="radio" name="other" />
                        <strong>Hardship /Financial Assistance</strong>
                    </div>
                    <div class="fitem">
                        <input id="rdbResetArrears" type="radio" name="other" />
                        <strong>Reset Arrears</strong>
                    </div>
                    <div class="fitem">
                        <input id="rdbIncreaseBal" type="radio" name="other" />
                        <strong>Increse Loan Balance(+)</strong>
                    </div>
                    <div class="fitem">
                        <input id="rdbDecreaseBal" type="radio" name="other" />
                        <strong>Decrease Loan Balance(-)</strong>
                    </div>

                    <div style="margin-top: 20px; padding: 10px">
                        <input id="chk" type="checkbox" />
                        <a id="btnSubmit" href="javascript:void(0)" onclick="SubmitChanges()" class="easyui-linkbutton" iconcls="icon-ok">Submit </a>
                    </div>

                </div>
                <div class="same_width">
                    <table id="dgPaymentSchedule" title="Payment Schedule" style="width: 400px;" autorowheight="true" fitcolumns="true" singleselect="true">
                        <thead>
                            <tr>
                                <th field="No" width="20">No</th>
                                <th field="PaymentDate" width="50">Date of Payment</th>
                                <th field="Amount" width="30">Amount</th>
                            </tr>
                        </thead>
                    </table>
                </div>
                <div style="margin-top:10px;float:left">
                    <a  href="javascript:void(0)" onclick="RefreshSchedule()" style="float: left">
                        <img src="../../Media/refresh.png" title="Refrsh Payment Schedule" style="width: 30px; height: 30px" />
                    </a>
                </div>
            </div>

        </div>
    </form>
    <script type="text/javascript">

        $('#dgPaymentSchedule').datagrid({
            data: []
        });

    </script>
</body>
</html>
